@import './publicConfig.scss';
@import './styleInfo.scss';
// @import "@bytedance/mona-ui/dist/auxo.min.css";
.topbox {
    background: $wt-chrome-color-bg-outerayer1;
    margin-top: 16px;
    width: 100%;
    background: $wt-chrome-color-bg-outerayer1;
    border: 1px solid $wt-chrome-color-border1;
    width: 100%;
    // height: 42px;
    font-size: $wt-chrome-font-size-content;
    border-radius: $wt-chrome-home-radius-size;
    padding: 6px 15px;
    box-sizing: border-box;
    .leftcontent {
        display: flex;
        align-items: center;
    }
    .cleariconbox {
        display: flex;
        justify-content: space-between;
        align-items: baseline;
        .rightcontent {
            font-size: 16px;
            color: #898B8F;
            cursor: pointer;
            transition: all 0.1s;         
            .cleariconstyle {
                &:hover {
                    color: #565960;
                }
            }
        }
       

    }
}